<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8"/>
    <link rel="stylesheet" type="text/css" href="/easyui/jquery-easyui/themes/material/easyui.css"/>
    <link rel="stylesheet" type="text/css" href="/easyui/jquery-easyui/themes/icon.css"/>
    <script type="text/javascript" src="/jquery/jquery-1.9.1.min.js"></script>
    <script type="text/javascript" src="/easyui/jquery-easyui/jquery.easyui.min.js"></script>
    <script type="text/javascript" src="/easyui/jquery-easyui/jquery.tabs.extend.js"></script>
    <title>Title</title>
</head>
<body >
    <div class="easyui-layout" data-options="fit:true" style="padding:10px;margin:0;">
        <div id="cc" class="easyui-layout" style="width:100%;height:100%;">
            <div data-options="region:'north',collapsible:false" style="height:50px;">
                <div style="padding: 10px">
                    <b style="font-size: 20px">${user.password}</th>族谱管理平台</b>
                    <a href="/logout" class="easyui-linkbutton" data-options="iconCls:'icon-cancel'" style="width:80px;float: right">退出系统</a>
                </div>
            </div>
            <div data-options="region:'west',title:'菜单栏'" style="width:200px; overflow: hidden">
                <ul id="menu" class="easyui-tree">
                </ul>
            </div>
            <div data-options="region:'center'" style="padding:5px;background:#eee; overflow: hidden;padding: 0px">
                <div id="menu_tab" class="easyui-tabs" style="width:100%;height:100%;">
                </div>
            </div>
        </div>
    </div>
<script>
    var count=0
    $('#menu').tree({
        onClick: function(node){
            console.log(node)
            if(!$('#menu_tab').tabs("exists","iframe")){
                $('#menu_tab').tabs('addIframeTab',{
                    tab:{
                        title:'iframe',
                        closable:true
                    },
                    iframe:{src:'/zpAdd'}
                });
            }
        },
        data: [{
            id:"11",
            text: 'Item1',
            state: 'closed'
        },{
            text: 'Item2',
            state: 'closed'
        }]
    });
</script>
</body>
</html>